{% extends "./inc/inc_baseNew.html" %} {% block content %}
<style>
    .bg1x1 {
        padding-top: 20px;
    }

    .margin-top-0 {
        margin-top: 0 !important;
    }

    .page-header {
        padding-bottom: 9px;
        margin: 40px 0 20px;
        border-bottom: 1px solid #eee;
    }

    .h4 {
        font-size: 16px;
        letter-spacing: normal;
        margin: 0 0 14px 0;
    }

    .nav-tabs {
        border-bottom: 1px solid #ddd;
    }

    .nav {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    .nav-tabs.nav-bottom-border>li {
        margin-bottom: -2px !important;
    }

    .nav-tabs>li {
        float: left;
        margin-bottom: -1px;
    }

    .nav>li {
        position: relative;
        display: block;
    }

    .nav-tabs.nav-bottom-border>li>a {
        border: 0 !important;
        border-bottom: transparent 3px solid !important;
    }

    .nav-tabs>li>a {
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
    }

    .nav-tabs>li>a {
        color: #111;
        -webkit-border-radius: 3px !important;
        -moz-border-radius: 3px !important;
        border-radius: 3px !important;
    }

    .nav-tabs>li>a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0;
    }

    .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 15px;
    }

    .nav-tabs.nav-bottom-border>li.active {
        margin-bottom: 0 !important;
    }

    .nav-tabs.nav-bottom-border>li {
        margin-bottom: -2px !important;
    }

    .nav-tabs>li {
        float: left;
        margin-bottom: -1px;
    }

    .nav>li {
        position: relative;
        display: block;
    }

    .nav-tabs.nav-bottom-border>li.active>a,
    .nav-tabs.nav-bottom-border>li.active>a:hover {
        border-bottom-color: #179bd7 !important;
    }

    .nav-tabs.nav-bottom-border>li.active>a,
    .nav-tabs.nav-bottom-border>li.active>a:hover {
        border-bottom: #888 1px solid !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
    }

    .nav-tabs>li.active>a {
        color: #179bd7 !important;
    }
</style>
<!-- -->
<section>
    <div class="container">
        <div class="row bg1x1">
            <!-- LEFT -->
            {# include "./inc/user_left.html" #}
            <!-- RIGHT -->
            <div class="col-lg-12 col-md-12 col-sm-12">

                <div class="h4 page-header margin-top-0"><i class="fa fa-reorder fa-lg text-default"></i>
                    {{controller.meta_title}}</div>
                <ul class="nav nav-tabs nav-bottom-border">
                    <li {%if status == null%}class="active" {%endif%}><a href="{{controller.ctx.path}}">全部消息</a></li>
                    <li {% if status == 3%}class="active" {%endif%}><a href="{{controller.ctx.path}}?status=3"><span
                                class="badge badge-danger">{{status3}}</span> 未确认</a></li>
                    <li {% if status == 4%}class="active" {%endif%}><a href="{{controller.ctx.path}}?status=4"><span
                                class="badge badge-danger">{{status4}}</span> 已确认</a></li>          
                </ul>
                <div class="table-responsive">
                    <div class="process-wrap col">
                        <div class="info-wrap">
                            <div class="row info-title">
                                <div class="col-2">信息编号</div>
                                <div class="col">商品图片</div>
                                <div class="col-1">类型</div>
                                <div class="col">商品类别</div>
                                <div class="col">预计数量</div>
                                <div class="col">商品价格</div>
                                <div class="col">所在地区</div>
                                <div class="col">创建日期</div>
                                <div class="col-1">状态</div>
                                <div class="col-1">操作</div>
                            </div>
                            {% for item in list %}
                            <div class="row align-items-center">
                                <div class="col-2">{{ item.fabu_no}}</div>
                                <div class="col">
                                    {% set img = item.tupian|strToJson %}
                                    {%if img.length >0 %}
                                    <img src="{{img[0]}}" alt="">
                                    {% else %}
                                    <img src="/static/assets_new/img/blank.png">
                                    {% endif %}
                                </div>
                                <div class="col-1">{{ item.xinxileixing |get_gongxutype}}</div>
                                <div class="col">{{item.shangpingleibie}}</div>
                                <div class="col">{{item.shangpingshuliang}}吨</div>
                                <div class="col">{{item.jiage}}元/吨</div>
                                <div class="col">{{item.diqu.split("-").join('<br>')|safe}}</div>
                                <div class="col">{{item.chuangjianshijian.split(" ")[0]}}</div>
                                <div class="col-1">{{item |get_gongxufabuuserstatus}}</div>
                                <div class="col-1"><a class="btn btn-sm btn-primary" style="border: 1px solid #007bff;color: #007bff;background-color: #fff;" href="/{{controller.ctx.controller}}/detail?id={{item.id}}">查看详情</a></div>
                            </div>
                            {% endfor %}
                        </div>
                    </div>
                </div>
                <!-- PAGINATION -->
                <div class="text-right">
                    <!-- Pagination Default -->
                    {{pagination | safe}}
                    <!-- /Pagination Default -->
                </div>
                <!-- /PAGINATION -->
            </div>
        </div>
    </div>
</section>
<!-- / -->
{% endblock %}
{% block script %}

{% endblock %}